// $fontcolor:#ffff;
// $textFont:30px;
// $fontsize:20px;
// $fontcolorr:rgb(183, 0, 255);
$fontposition:fixed;
$fonttop:0;
$z-index: 100;

$display1:-webkit-box;
$display2: -webkit-flex;
$display3: -ms-flexbox;
$display4: flex;
$-webkit-align-items: center;
$-webkit-box-pack: justify;
$-webkit-justify-content: space-between;
$position: relative;
$top: 0;
$width: 100vw;
$height: 6.01rem;
$background-color: #3c8cff;
$z-index: 100;
$width1: 2.5rem;
$height1: 3.43rem;
$margin-left: 9.3vw;
$position1: absolute;
$left: 0;
$height2: 100%;
$font-size: 1.16rem;
$margin-right: 6.7vw;
$font-size1: .18rem;
$color: #fff;
$display5: inline-block;
$margin-left1: 2vw;
$margin-right1: 2vw;
$cursor: pointer;

$opacity: 1;
$-webkit-transition: .5s;
$transition: .5s;
$-webkit-transform: translateY(0);
$-ms-transform: translateY(0);
$transform: translateY(0);
$font-size2:25px;
$width1: 400px;
$height3: 300px;
.cl1{
    font-size: $font-size2;
    width: $width1;
    height: $height3;
}
.header.active {
    position: $position;
    top: $top;
    opacity: $opacity;
    -webkit-transition: $-webkit-transition;
    transition: $transition;
    -webkit-transform: $-webkit-transform;
    -ms-transform: $-ms-transform;
    transform: $transform;
}

.header .nav-item {
    display: $display5;
    margin-left:$margin-left1;
    margin-right: $margin-right1;
    cursor: $cursor;
}

.header.zh .right {
    font-size: $font-size;
}
.header .right {
    margin-right:$margin-right;
    font-size:$font-size1;
    color:$color;
}


.header .logo img {
    position: $position;
    top: $top;
    left: $left;
    height: $height2;
}
// a{
//     font-size: $textFont;
//     color: $fontcolor;
// }
// ul li{
//     font-size: $fontsize;
// }
// option{
//     color: $fontcolorr;
// }
.header-wrapper {
    position: $fontposition;
    top: $fonttop;
    z-index: $z-index;
}

.header {
    display: $display1;
    display: $display2;
    display: $display3;
    display: $display4;
    -webkit-align-items: $-webkit-align-items;
    -webkit-box-align: $-webkit-align-items;
    -ms-flex-align: $-webkit-align-items;
    align-items: $-webkit-align-items;
    -webkit-box-pack: $-webkit-box-pack;
    -webkit-justify-content: $-webkit-justify-content;
    -ms-flex-pack: $-webkit-box-pack;
    justify-content: $-webkit-justify-content;
    position: $position;
    top: $top;
    width: $width;
    height: $height;
    background-color: $background-color;
    z-index: $z-index;
}
.header .logo {
    position: $position;
    width:$width1;
    height: $height1;
    margin-left: $margin-left;
}

.swiper-container{
    overflow: hidden;
}

